$(document).ready(function() {
	//////////////////////////////ajout Rotem en jquery afin d'animer Dudule ////////////////////////////////////////////////////					
	// si y'a l'éléménent dudule dans la page (sinon pas la peine) 
	if ($("#dudule").length) {
					// définit le tableau des éléments (id tags) que l'ont veut rendre actifs
					var ids = [ "icone1", "icone2", "icone3", "icone4", "icone5" , "icone6" ];
					var templateurl="wp-content/themes/cda/";
		
		// sur chaque élément du tableau...
		jQuery.each(ids, function(i) {				
					//...avant tout on incrémente l'index, pour qu'il commence à 1 et non pas à 0
					i++; 				
					//... maintenant une règle de survol...
					$("#" + this).mouseover(function() {				
					//... qui change la source de l'image "dudule.png" en "dudule1.png" ou "dudule2.png" etc
					$('#dudule').attr("src", templateurl+ "/images/dudule"+ i +".png");
														});
					//...puis une règle de départ de la zone survolée qui rétablit "dudule.png"									
					$("#" + this).mouseout(function() {
							$('#dudule').attr("src", templateurl+ "/images/dudule.png");
						});
					});
					
					
			// On passe à l'animation des mains  "main1" ,"main2","main3","main4","main5","main6", définies pas des balises AREAS avec id 
					
					// définit le tableau des éléments (id tags) que l'ont veut rendre actifs
					var mains = [ "main1" ,"main2","main3","main4","main5","main6" ];
					jQuery.each(mains, function(i) {				
					//...avant tout on incrémente l'index, pour qu'il commence à 1 et non pas à 0
					i++; 				
					//... maintenant une règle de survol...
					$("#" + this).mouseover(function() {				
						//... qui change la source de l'image "dudule.png" en "dudule1.png" ou "dudule2.png" etc
						$('#dudule').attr("src", templateurl+ "/images/dudule"+ i +".png");
						//!!! ... qui attibue la classe d'icone survolée à l'icone correspondante
						$('#icone'+i).addClass('survol');
						$('#icone'+i).addClass('smooth');
					
					});
					
					//...puis une règle de départ de la zone survolée qui rétablit "dudule.png"									
					$("#" + this).mouseout(function() {
						$('#dudule').attr("src", templateurl+ "/images/dudule.png");
						$('#icone'+i).removeClass('survol');
					});	    
					
					//et au click, on reattribue le bon url au liens des balises AREA "mains"
					$("#" + this).click(function() {
							var mainurl= $('#lien'+i).attr("href");
							$('#main'+i).attr("href", mainurl);
						});				
					});

					
	}
	///////////////////////////////Fin ajout Rotem afin d'animer Dudule ////////////////////////////////////////////////

	$(".slideshow").cycle();
});